<template>
	<view class="canceled">
		已作废
	</view>
</template>

<script>
	export default {
		name: "cx-bill-canceled",
		data() {
			return {}
		}
	}
</script>

<style scoped>
	.canceled {
		color: #ef3f3f;
		font-weight: 600;
		border: solid 4px #ef3f3f;
		font-size: 48rpx;
		padding: 20rpx;
		position: absolute;
		border-radius: 10rpx;
		z-index: 100;
		top: 20%;
		left: 40%;
		
		/* Rotate div */
		transform:rotate(6deg);
		-ms-transform:rotate(6deg); /* Internet Explorer */
		-moz-transform:rotate(6deg); /* Firefox */
		-webkit-transform:rotate(6deg); /* Safari 和 Chrome */
		-o-transform:rotate(6deg); /* Opera */
	}
</style>